@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl, dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} a{color:#000;text-decoration:none} a:hover{color:#000} .left{ float:left} .clear{ clear:both} .right{ float:right}
/*---FIN DE RESET---*/
body{ 
    /*background: url(../img/fondo.png) repeat-y top center;*/
    background-color: #FFF;
    font: 12px Arial, Helvetica, sans-serif; 
    line-height:20px;
/*    background-attachment:fixed;*/
}

/*---CABECERA---*/
.cabecera{width: auto; height:auto; margin:0 auto; background: #FAFAFA;}
#top{width:990px; height:45px; margin:0 auto;}

#top .registrar {
    padding: 14px 5px 0;
    color: #F6A12C;
    font: normal 12px 'Helvetica';
    line-height: 17px;
}

#top .registrar a{
    font: normal 12px 'Helvetica';
    line-height: 20px;
    color: #000;
    cursor: pointer;
}

#top .registrar a:hover{
    text-decoration: underline
}

.login_img{
    background: url(../img/candado.png) no-repeat top left;
    padding-left: 20px;
    height: 16px;
    display: block;
}

.cart_img{
    background: url(../img/cart.png) no-repeat top left;
    padding:5px 0 0 40px;
    height: 27px;
    display: block;
    font: 17px 'Helvetica';
    margin:15px 0 0 100px;
}

.left {
    float: left;
}
.right {
    float: right;
}

#header{
    width:990px; 
    margin:0 auto; 
    height:120px; 
    padding-top:20px; 
    background:#FFF;
}

/*---FIN---*/

/*---MENU---*/
#menu{width:990px; height:44px; margin:0 auto; background: url(../img/trama_menu.jpg) repeat-x}
#menu_superior {}
#menu_superior a{float:left; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; width:110px; height:30px; text-align:center; padding-top:9px; color:#593008 }
/*#menu_superior ul li a:hover{background: url(../img/box_menu.jpg) no-repeat center top}*/
body.inicio a.btn1{background: url(../img/box_menu.jpg) no-repeat center top}
/*---FIN---*/

/*---LOGO---*/
#logo{width:297px; height:82px; margin:10px 20px 0 20px;}
/*---FIN---*/

/*---LOGO---*/
#contenedor{width:990px;margin:0 auto;background:#FFF;/*overflow:hidden;*/}
/*---FIN---*/

/*---BANNER---*/
#banner {width:990px;height:309px;padding:10px; /*background: url("../img/fondo_banner.jpg") no-repeat scroll 0 0 transparent; overflow:hidden;*/}

#col_iz{float:left; width:154px; height:306px }
#col_iz a{ font:12px Arial, Helvetica, sans-serif}
#col_iz a{ display:block;background:#FFF; line-height:18px; height:100px; margin-top:4px}
#col_iz a:first-child{margin-top:0}
#col_iz a span{display:block; padding: 11px 10px;color:#351600; line-height:14px}
#col_iz a strong{ font:bold 14px/18px Arial, Helvetica, sans-serif;color: #FAC677; display:block; margin-bottom:3px}

#col_iz a:hover{background: #FAC677}
#col_iz a.active{background: #FAC677}
#col_iz .active_strong{ color:#FFF}
/*#col_iz span:hover {color:#351600}*/
#col_iz a:hover strong{ color: #FFF}

.abajo4{ padding-bottom:4px}
#col_dere{float:left; width: 815px; height:308px;}
#contenido{width:990px; padding-top:5px; /*overflow:hidden;*/}

#col_left{ width:160px; float:left; min-height:860px; margin-bottom:15px; /*border: solid 1px #D5C7AA; background:#E6DDCC;*/}
#col_right{ min-height:800px}
#col_right_2{ float:right; width:824px}
.buscador{ width:824px; float:right; background:#f3efe4; margin-bottom:5px; color: #BFAB80; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif}
.buscador_carrito_interno{ width:990px; height:40px; background:#f3efe4; margin-bottom:7px; color: #BFAB80; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif}
.buscar{ width:320px; float:right; color:#38170A; margin:10px 0 0 15px;font: 18px "Helvetica"}
/*.buscar input[type="text"]{ width:250px; margin-left:10px;border:solid 1px #CBCDCE; padding:4px}*/


.buscar input[type="text"] {
    border:solid 1px #CBCDCE;
    color: #000;
    float: left;
    font-family: 'Helvetica';
    font-size: 14px;
    height: 19px;
    line-height: 19px;
    outline: medium none;
    padding: 5px;
    width: 260px;
    margin-right: -5px;
}


.ofertas{ margin-right:380px; padding:10px; color: #38170A; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif}
.ofertas_cuadrito{  position:relative}
.ofertas_cuadrito_content{ position:absolute ;padding:10px; color:#630; width:300px; border:1px solid #E8E0D0}
.text_left{ font: 12px Arial, Helvetica, sans-serif}
.resaltar{ font: italic bold 12px Arial, Helvetica, sans-serif; color: #F60}

#col_left strong a{font:bold 13px/16px Arial, Helvetica, sans-serif;color:#EA721A; display:block;border-bottom:dashed 1px #F09852;margin:10px 10px 4px;padding-bottom:2px}
#col_left strong a:hover{color:#C86016}
#col_left ul {display:block;padding:0}
#col_left ul li a{font:13px/16px Arial, Helvetica, sans-serif;color:#F3A415;display:block;margin-left:10px}
#col_left ul li a:hover{color:#FF8000;text-decoration:underline}

/*PRODUCTOS*/
#productos{padding:10px 0 10px 10px; margin:5px 0;/* border: solid 1px #D5C7AA;*/ min-height:auto}
#productos div {float: left;width: 200px;height: 300px}
#productos div p a strong{min-height:40px;display:block;text-align:center}
#productos div p a:hover strong{color: #351600}
#productos div img{padding:1px; /*margin:0 0 5px 0;*/ border:solid 1px #CCC}
#productos div img:hover{border:solid 1px #630}
#productos div p {color: #A78B65;font-size:13px;line-height:20px; padding: 0 5px}
#productos div p strong{color:#593008}
#productos div p strong.red{color:#F00}
a.btnAgregar{ display:block; width:92px; height:24px; background:url(../img/btnAgregar.jpg) no-repeat scroll 0 0; margin-top:4px;} 
a.btnAgregar:hover{ background-position:0 -24px}

a.btnAgregar_dos{ display:block; width:206px; height:56px; background:url(../img/btnAgregar2.jpg) no-repeat scroll 0 0; margin-top:4px;} 
a.btnAgregar_dos:hover{ background-position:0 -56px}

#productos div.clear{ width:auto; float:none; height:auto; clear:both}

#pie_de_pag{background-color: #EDEDEE; width:100%; float:left; overflow:hidden; color: #000; font: normal 12px Helvetica;}

.boletin{
    width: 960px;
    height: 60px;
    margin: 0 auto;
    margin-top: 30px;
    background:url(../img/suscribete.png) #FBFBFB no-repeat 20px 25px;
}

.boletin .bol_rig{
    float: right;
    margin: 20px 25px 0 0;
}

.boletin input[type="text"] {
    border: solid 1px #CBCDCE;
    color: #757575;
    float: left;
    font-size: 12px;
    height: 13px;
    line-height: 12px;
    outline: medium none;
    padding: 4px;
    width: 250px;
}

.col {
    border-right: 2px solid #FFF;
    display: inline;
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 208px;
    height: 280px
}

.col ul{
    padding: 0;
}

.col p{
    margin-top: 10px;
    font: normal 14px 'Helvetica';
    line-height: 18px;
}

.col p a:hover{
    text-decoration: underline
}

.col ul li{
    background: url("../img/icono_lista.png") no-repeat scroll left top transparent;
    line-height: 20px;
    font: normal 14px 'Helvetica';
    padding-left: 15px;
}
.col ul li a:hover{
    text-decoration: underline
}

#pie_de_pag h3{
    font: bold 22px 'Helvetica';
}

.pagos{
    background:url(../img/pagos.png) #FBFBFB no-repeat 16px 20px;
    border-radius: 5px;
    display: inline;
    float: left;
    width: 265px;
    height: 280px;
}

.pagos .redes_sociales{
    margin: 215px 0 0 20px
}

.nsubfooter{
    width: 960px; 
    height: 310px; 
    margin: 0 auto; 
    margin-top: 30px; 
    border-bottom: solid 3px #E64520;
}

.ncredits{
    width: 960px; 
    margin: 0 auto; 
    padding-top: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 280px; 
    background: url(../img/isotipo.png) no-repeat left bottom;
}

.ncredits p{
    font: normal 14px 'Helvetica';
    line-height: 20px;
    margin: 20px 0 10px 0;
    text-align: justify;
}

#footer{height:40px; float:left; width:100%; background-color: #FFF;}
.copy{width:960px;font:bold 12px 'Arial';text-align:left;color:#000;padding-top:10px;margin:0 auto;}
.copy a{color:#333}
.copy a:hover{text-decoration:underline}

/*slider banner*/
ul#sliderBanner{display:block; width:815px; height:308px; margin:0; overflow:hidden; padding:0;}
ul#sliderBanner li{height:308px}
ul#slider1 img{margin-bottom:0}
ul#sliderBanner .bx-next{background:#666;height:30px;position:absolute;right:0;text-indent:-999999px;top:290px;width:30px;z-index:999}
ul#sliderBanner .bx-prev{background:#666;height:30px;right:100px;position:absolute;text-indent:-999999px;top:290px;width:30px;z-index:999}
#banner .bx-pager{color:#666;font-size:12px;position:absolute;right:5px;top:285px}
.bx-pager a{background: url(../img/btnPag.png) no-repeat left top;color:#F90;text-align:center;font:bold 12px 'Helvetica';height:15px;width:15px;display:inline-block;margin-right:5px;}
ul#sliderBanner .bx-auto .start{background:url(gray_auto.png) no-repeat 0 2px;padding-left:13px}
ul#sliderBanner .bx-auto .stop{background:url(gray_auto.png) no-repeat 0 -14px;padding-left:13px}
ul#sliderBanner .bx-captions{color:#666;font-size:12px;padding:7px 0;text-align:center}
.bx-auto{padding-top:15px;text-align:center}
.bx-auto a{color:#666;font-size:12px}
.bx-pager .pager-active, .bx-pager a:hover{background: url(../img/btnPag.png) no-repeat left bottom;color: #F60}

/*slider banner*/
#thumbPro{ margin:15px 16px 0}
img.left.dir, img.right.dir{ margin-top:58px}
ul#sliderPro{ display:block; width:800px; padding:0px; margin:0 auto}
ul#slider1 img{ margin-bottom:0}
ul#sliderPro li { width:197px; float:left; text-align:center}
ul#sliderPro li img{ width:150px; height:150px; padding:1px;border:solid 1px #960; margin-bottom:4px} ul#sliderPro li strong{color:#593008}
ul#sliderPro li a.name{font-size:14px;color:#960; font-weight:bold}
ul#sliderPro li strong.actual{color:#ff0000}
.bx-next{background: url(../img/btnNext.gif) no-repeat scroll 0 0px;width:16px;height:36px;position:absolute;right:-18px;top:50px;text-indent:-999999px;z-index:999; display:block}
.bx-prev{background: url(../img/btnPrev.gif) no-repeat scroll 0 0px;width:16px;height:36px;position:absolute;left:-16px;top:50px;text-indent:-999999px;z-index:999; display:block}
.bx-next:hover, .bx-prev:hover{ background-position:0 -36px}
/*.bx-wrapper .bx-pager .pager-active, .bx-wrapper .bx-pager a:hover{background-position:-150px -150px; background-repeat:no-repeat; margin:0 auto; }*/
strong.actual{color:#C30}

.bx-wrapper {margin: 0 auto}

.slider_mini_fotos{float:right;width:824px;margin-top:20px}

ul#sliderPro .bx-captions{color:#666;font-size:12px;padding:7px 0;text-align:center}
ul#sliderPro li p{font-size:12px; line-height:17px}
.bx-auto{padding-top:15px;text-align:center}
.bx-auto a{color:#666;font-size:12px}

/*pag internas - info textual*/
.info_2{ margin-bottom:10px;padding:22px 0 0;border:solid 1px #d2c3b6; float:right; width:822px}
.info_2.pagNosotros div{ }
.info_2.pagNosotros p{font:normal 13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#593008; text-align:justify} 
.info p, .info h2{margin-bottom:20px}
.info_2.pagNosotros div h2{color:#C60}
.info{margin-bottom:10px;padding:20px;border:solid 1px #d2c3b6;float:right;width:948px}
.info_3{margin-bottom:5px;padding:20px 0 0;border:solid 1px #d2c3b6;float:right;width:822px}
.texto_nosotros{ padding:20px}

/**pag detalle*/
#pro{margin:0 auto; width:800px; float:right}
#proDatos{margin:10px 30px 20px;font:normal 13px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#593008;float:left;width:430px}
#proDatos h2{color:#593008;font-size:20px}
#proDatos .right strong{ display:block; text-align:right; color:#593008}
#proDatos .right strong:first-child{color:#C30}
#tit{min-height:60px}
.proCarac{border-top:solid 1px #cbc7c0;border-bottom:solid 1px #cbc7c0;padding:10px 0;color:#847f7b;text-align:justify;margin-bottom:10px;}

/* ESTILOS PARA BOTONES ACTIVOS DE LA COLUMNA IZQUIRDA DEL BANNER PRINCIPAL  */

a.btnComoComprar{background: #FAC677}
#col_iz strong.titulo_ComoComprar {color:#FFF}

a.btnComprasSeguras{background: #FAC677}
#col_iz strong.ComprasSeguras {color:#FFF}

a.btnConocenos{background: #FAC677 !important}
#col_iz strong.titulo_Conocenos {color:#FFF}


/* FORMULARIO DE REGISTRO */

ul.userNuevo {
    font: 12px Arial,Helvetica,sans-serif;
}

ul.userNuevo li {
    display: inline-block;
    margin-bottom: 12px;
    padding: 4px 10px;
    width: 700px;
}

ul.userNuevo span {
    display: block;
    float: left;
    width: 200px;
}

ul.userNuevo input[type="text"] {
    border: 2px solid #EBE4D8;
    padding: 4px;
    width: 270px;
    float: left;
}

ul.userNuevo input[type="password"] {
    border: 2px solid #EBE4D8;
    padding: 4px;
    width: 270px;
    float: left;
}

ul.userNuevo textarea {
    border: 2px solid #EBE4D8;
    padding: 4px;
    width: 270px;
    float: left;
}

.botones {
    height: 60px;
}

ul.userNuevo li.pass {
    background: none repeat scroll 0 0 #F3EFE4;
    /*    border-bottom: 1px solid #CCCCCC;*/
    margin-bottom: 0;
    padding: 7px 15px;
}

ul.userNuevo li.repass {
    background: none repeat scroll 0 0 #F3EFE4;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 7px 15px;
}

ul.userNuevo li.email {
    background: none repeat scroll 0 0 #F3EFE4;
    border-top: 1px solid #CCCCCC;
    margin-bottom: 0;
    padding: 7px 15px;
}

p.texto_registro{
    color: #593008;
    font: bold 16px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

.aviso_relativo{
    position:relative;
}

.aviso_absoluto{
    position:absolute;
    width:300px;
    height:200px;
    top:92px;
    left:575px;
}

table#tCarrito input[type="button"], input.btnIngresar, input.btnEnviar, input.btnGuadar, input.btnContinuar {
    border: medium none;
    cursor: pointer;
    display: block;
    height: 42px;
    outline: medium none;
}

input.btnGuadar {
    background: url("../img/btnGuardar.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 144px;
}

input.btnContinuar {
    background: url("../img/btnContinuar.jpg") repeat scroll 0 0 transparent;
    float: left;
    width: 144px;
}

input.btnIngresar{ 
    background:url(../img/btnIngresar.jpg) repeat scroll 0 0 transparent;
    float: none;
    width:153px; 
}

#user{ width:600px; padding-top:10px}
#cnuevo{ width:230px; float:right; padding:10px 25px;border-left:solid 1px #D5C7AA; height:190px}
.pagLogin p{font: 12px/19px Arial, Helvetica, sans-serif;color: #593008}

.info.pagLogin{ padding-left:150px; width: auto; float:none}
.pagLogin h2{font:bold 13px "Arial Black", Helvetica, sans-serif;color:#960}
div#log{ display:block; width:260px; padding:15px; background: #FAF5E2}
div#log input[type="text"]{ padding:4px; width:245px; margin-bottom:10px}
div#log input[type="password"]{ padding:4px; width:245px; margin-bottom:10px}
div#btnOlvidado{ padding:12px; display:block; margin-top:15px;border-top:solid 1px #D5C7AA}
div#btnOlvidado input[type="text"]{ padding:4px; width:245px; margin-bottom:10px}
a.btnRegistrate{ display:block; background:url(../img/btnRegistrate.jpg); width:152px; height:42px}
input.opcion[type="radio"]{ float:left; margin-top:21px; margin-right:10px}
input.btnEnviar{background:url(../img/btnEnviar.jpg); width:110px; height:42px; margin-top:30px}

span.error{color: red;float: left !important}

.btnRecalcular{
    background-color: #FF797A;
    border: none;
    font: bold 12px/19px Arial,Helvetica,sans-serif;
    cursor: pointer;
    color: #E8E0D0;
}

a.btnSeguir,a.btnContinuar{
    background-color: #FF797A;
    border: none;
    font: bold 12px/19px Arial,Helvetica,sans-serif;
    cursor: pointer;
    color: #E8E0D0;
    padding: 1px 10px;
}

a.btnSeguir :hover{
    color: #E8E0D0;
}

a.btnContinuar :hover{
    color: #E8E0D0;
}

/*MENU DESPECGABLE DESDE AQUI*/
#menu_superior{border-top:solid 1px #CCC}
#menutop{height:29px;width:886px; padding:0;border-top:solid 1px #eee}
#nav,#nav ul{line-height:25px;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:relative; height:44px; /*z-index:10000; background-color:#EA721A*/}
#nav a:hover{color:#FFF}
#nav li{float:left;position:relative; width:110px; padding:0; background-color:#EA721A}
#nav > li  a{display:block; height:32px;float:left;padding:6px 0; min-width:100px;font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 110px; text-align: center; color: #FFF;}
#nav > li  > a:hover{color: #FFF; /*background: #F5EFE3 url(../img/box_menu.jpg) no-repeat center top;*/ background-color: #F3A415}
#nav ul{display:none;position:absolute;top:44px;width:110px; z-index:1000;/*border-top:solid 1px #C60;*/ left:0}
#nav li ul li{ width:85px}
#nav li ul a{text-align:left;background-color: #EA721A;font-size:11px; padding:5px 0 5px 5px; width:105px; height: auto;}
#nav ul ul{top:auto}
#nav li ul ul{left:128px;margin:0 0 0 10px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul{display:none}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}
#nav li ul li > a:hover{background-color: #F3A415;color: #FFF; text-decoration:none}


.iarec_help_bloq {
    background-color: transparent;
    height: 160px;
    left: 50%;
    margin-left: 490px;
    position: fixed;
    top: 40%;
    width: 30px;
/*    z-index: 9000;*/
}
#iarec_ayuda {
    background-color: transparent;
    background-image: url("../img/ayuda.png");
    background-repeat: no-repeat;
    float: left;
    height: 152px;
    width: 31px;
}

#iarec_pop {
    background-image: url("../img/iarec_help_bg.png");
    background-repeat: no-repeat;
    display: none;
    float: left;
    height: 403px;
    left: 50%;
    margin-left: 0;
    position: fixed;
    top: 20%;
    width: 418px;
    z-index: 9000;
}

#helpDrawer {
    border-radius: 4px 4px 4px 4px;
    font-family: Verdana,Geneva,sans-serif;
    line-height: normal;
    padding: 20px 40px 0 20px;
    text-align: left;
}
#helpDrawer h2, #helpDrawer h3 {
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
}
#helpDrawer h2 {
    color: #EA721A;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 20px;
    text-transform: uppercase;
    font-family: 'Helvetica';
}
#helpDrawer h3 {
    color: #7BAA20;
    float: none;
    font-size: 13px;
}
#helpDrawer .close {
    float: right;
    height: 20px;
    margin-right: 20px;
    margin-top: 20px;
    width: 20px;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 2px;
}
#helpDrawer ul {
    list-style-type: none;
    margin-bottom: 30px;
    margin-top: 20px;
}
#helpDrawer ul li {
    font-size: 12px;
    height: 45px;
    margin-bottom: 20px;
    margin-left: 40px;
    padding-top: 10px;
}
#helpDrawer ul li#hwPhone, span.hwText {
    padding-left: 60px;
}
#helpDrawer ul li a {
    color: #004B6C;
}
#helpDrawer ul li span, #helpDrawer ul li em {
    display: block;
    font-style: normal;
}
#helpDrawer ul li em {
    color: #404040;
    font-weight: bold;
    padding-left: 60px;
}
#helpDrawer ul li#hwPhone em {
    padding-left: 0;
}
#helpDrawer ul li, #helpDrawer .close, a#helplink, #hwLivechatOffline div + span {
    background: url("../img/spHelpPop.png") no-repeat scroll left top transparent;
}
#helpDrawer ul li#hwLivechat {
    background-position: 0 -26px;
}
#helpDrawer ul li#hwLivechatOffline {
    background-position: 0 -30px;
    color: #004B6C;
    font-weight: bold;
    position: relative;
}
#helpDrawer ul li#hwLivechatOffline div span {
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    padding-right: 34px;
    text-align: right;
}
#helpDrawer ul li#hwLivechatOffline div em {
    clear: both;
    color: #004B6C;
    font-style: italic;
    font-weight: bold;
}
#helpDrawer ul li#hwLivechatOffline div {
    background-color: rgba(255, 255, 255, 0.7);
    border: medium none;
    font-family: georgia,serif;
    height: 60px;
    line-height: normal;
    padding: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 325px;
}
#helpDrawer ul li#hwPhone {
    background-position: 5px -80px;
}
#helpDrawer ul li#hwEmail {
    background-position: 1px -142px;
}
#helpDrawer ul li#hwFaq {
    background-position: 7px -200px;
}